<!DOCTYPE html>
<!--[if IE 6]>
<html class="ie6" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 7]>
<html class="ie7" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 8]>
<html class="ie8" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="zh-CN">
<!--<![endif]-->
<head>
    <meta charset="UTF-8" />
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width" />
	<title><@mlog_title /></title>
	<link rel="alternate" type="application/rss+xml" href="${base}/rss.xml" title="${sitename}" />
	<link rel="alternate" type="application/atom+xml" href="${base}/atom.xml" title="${sitename}" />
	<link rel="Shortcut Icon" href="${base}/images/favicon.ico">
	<meta name="description" content="${description!""}" />
	<meta name="keywords" content="${keyword!""}" />
	<link rel="canonical" href="${siteurl!""}" />
	<link rel="stylesheet" rev="stylesheet" href="${template_url}/style/style.css" type="text/css" media="screen" />
	
	<@m.widget path="/script/script_variable" cache=false />
	<script type="text/javascript" src="${base}/script/jquery.js" charset="utf-8"></script>
	<script type="text/javascript" src="${base}/script/mlog.utils.js" charset="utf-8"></script>
	<script type="text/javascript" src="${base}/script/custom.js" charset="utf-8"></script>
	<script type="text/javascript" src="${template_url}/script/jquery.lazyload.min.js" charset="utf-8"></script>
		
	<script type="text/javascript">
		$(document).ready(function(){
			$("img").lazyload({
		    	effect:"fadeIn"
		  	});
			mlog.load({
				contentSelector : ".post-summary"
			});
		});
	</script>
<body class="theme1">
	<div class="bg">
		<div class="navbar navbar-fixed-top">
			<div class="container navbar-inner">
	            <h1 class="nav-title">
	                <a href="${siteurl}" style="color:#8BBF36;font-size:32px;">${sitename}</a>
	            </h1>
	            <div class="navbar-search">
	                <form action="http://www.baidu.com/baidu" method="get" target="_blank" id="searchForm" onsubmit="search();">
	                	<input name="tn" type="hidden" value="bds">
						<input name="cl" type="hidden" value="3">
						<input name="ct" type="hidden" value="2097152">
						<input name="si" type="hidden" id="site">
						<input type="text" placeholder="请输入搜索的关键字" name="word">
						<button type="submit"></button>
	                </form>
	            </div>
	            <script type="text/javascript">
	            	function search(){
	            		var site = '${siteurl}';
	            		site = site.replace('http://', '').replace('https://', '');
	            		$("#site").val(site);
	            	}
	            </script>
	        </div>
		</div>
		<div class="container main-wrap clearfix">
			<style type="text/css">
			.header{width:100%; background:#fff;padding:10px 0 10px;border-top: 3px solid #8BBF36; border-bottom:1px solid #e9e9e9;}
			.nav{margin:0; padding:0 0 5px; overflow:hidden; width:960px;margin:0 auto}.nav li{float:left; list-style:none; }
			.nav li{float:left; display:inline-block;display:block; line-height:31px; height:32px;font-size:16px; padding:0 15px;margin-right:2px}
			.nav .item:hover{background:#8BBF36; color:#fff; border-radius:3px;}
			.nav .item:active{box-shadow:0 0 5px #2E8303 inset; background:#8BBF36; color:#ffffff}
			#logo{ padding:0; margin:0 25px 0 3px;}
			#logo:hover,#logo:active{ background:#fff; box-shadow:0 0 0}
			</style>
			<div class="header">
				<ul class="nav">
					<#--
					<li>
						<a href="${siteurl}" id="logo"><img src="http://gaoxiaoo.com/wp-content/themes/gaoxiaoo2/images/gaoxiaoo.gif" alt="搞笑哦" class="wumiiIgnore"></a>
					</li>
					-->
					<@m.widget path="/widget/common/menu" ttl=86400 />
				</ul>
			</div>
			<#include "sidebar.ftl" />
		